﻿body {color:#172f3b;border: 1rem solid rgba(17,159,199,1);font-family: Roboto; font-size: 13pt; background: none; color: black; page-break-before: always;border}
/*Cacher l'inutile*/
.bandeauSemaine,.college,#A2,#backtotop,#confort,#sidebar,.fermer,.menu,.contenumodale, iframe,.c-dialog,footer img,.menubouton,button,#header,.sr-only,.sr-only-focusable,.outils,#footer,.divFavorite {display: none;}
/*Decorum titrage*/
.logo {width:33%;margin:0% 33%;}
.sstitre{font-size:25pt;}
/*Exergue*/
.exergue{margin-left: 30pt;}
/* Tableaux */

ul{padding:0;margin:0;}

table, form, tr {border: 0pt solid #FFFFFF;}
.tableau, td {vertical-align: middle;font-size:18px;text-align:center;}
.tdCla, th {vertical-align: middle;font-size:16px;text-align:center;}
.tableau{width:100%}
.tableaux {
flex-direction: row;
flex-wrap:wrap;
justify-content:center;
align-items:normal;
font-family:Roboto;
}
#titreJour{font-family:Roboto;font-size:35px;font-weight:400;text-align:center;}
#libJour{color:#196080;text-align:center;font-size:20px;}




img{max-height: 18px;max-width: 18px;margin-left:5px;}
caption{font-size:20pt;}
/* Affichage URL après liens mais pas mails ni tel */
a{color:black;text-decoration: none;}
a:after {content: " (" attr(href) ") "; text-decoration: underline;}
a[href^="tel:"]:after {content: none;}
a[href^="mailto:"]:after {content: none;}

.couleurfond1{
width:300px;
}
.couleurfond2{
width:300px;
}
.tableaux{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
text-align:center;
}
.tableaux img{
width:1em;
height:1em;
margin-left:0.5em;
}
.tableaux li {
list-style: none;
margin-bottom:0.1em;
padding:0;
}



/*tableaux responsive*/
table {
  width: 100%;
}
table thead {
  display: none;
}
/* table tr {
display: block;
}*/
table td {
  display: block;
}
table td:before {
  content: attr(data-label);
  font-weight: 700;
  margin-bottom: 0.1em;
  display: block;
}
table th{
  display:none;!important
}
/* fin tableau responsive */






/*tableaux responsive*/
table {
  width: 100%;
}
table thead {
  display: none;
}
/* table tr {
display: block;
}*/
table tr{
  display:block;
}
table td {
  display: block;

}
table td:before {
  content: attr(data-label);
  font-weight: 700;
  margin-bottom: 0.1em;
  display: block;
}
/* fin tableau responsive */


/* TABLEAU */

.tdCla {
	margin-bottom:1em;
}


.tableau,
th {
  vertical-align: middle;
}

.th {
  font-weight: 500;
}


th {
  color: #FFFFFF;
}

td {
}

/* Légende */

.legende {
display: inline-flex;
align-items: center;
font-size:0.5em;
text-align:center;
}
.legende h2{
font-weight:700;
}
.legende li{
display: inline;
align-items: center;
margin-left:1.3em;
}
.legende ul {
display:inline;
}
.legende img {
margin-right: 0.4em;
}

/* Bas de page */

.mention{
text-align: center;
font-style: italic;
color:#175d79;
margin:0 1em;
}

.footflex {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-evenly;
}

.footcontact {
margin: 1em 0;
display: flex;
align-items: flex-start;
}
.footcontact a {
color: #021720;
}
.adress img {
max-width: 9em;
margin-right: 1em;
margin-block-start: 1em;
}

.footlogo {
align-items: center;
width: 15rem;
height: 6rem;
padding: 1rem;
}
.footlogo img {
}




#logoNord{width:200px;height:79.75px;visibility:visible;max-height:none;max-width:none;}
.vertical{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-evenly;
}
a {visibility:hidden;}
